<template>
  <!-- 添加或修改配置对话框 -->
  <!-- 新增 -->
  <el-form
    ref="roleRef"
    :model="form"
    :rules="rules"
    label-width="100px"
    class="userform"
    label-position="top"
  >
    <el-row>
      <el-col :span="7">
        <el-form-item label="目录名称" prop="contentsName">
          <el-input v-model="form.contentsName" placeholder="请输入目录名称"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="7" style="margin-left:20px;">
        <el-form-item label="节点类型" prop="jdNode">
          <el-select v-model="form.jdNode" placeholder="请选择节点类型">
            <!-- <el-option
                            v-for="(item, index) in isMenuList"
                            :key="index"
                            :label="item.label"
                            :value="item.value"
            ></el-option>-->
            <el-option>1111</el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="7" style="margin-left:20px;">
        <el-form-item label="是否有效" prop="isValid">
          <el-radio-group v-model="form.isValid">
            <!-- <el-radio
                            v-for="(item, index) in mrzyList"
                            :key="index"
                            :label="item.value"
                            >{{ item.label }}</el-radio
                          >
            </el-radio-group>-->
            <el-radio>111</el-radio>
          </el-radio-group>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <el-form-item label="图标">
          <i :class="iconName" :model="form.icon"></i>
          <el-button type="text" @click="addIcon()" style="margin-left: 15px">选择</el-button>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="11">
        <el-form-item label="创建时间" prop="createTime">
          <el-date-picker v-model="form.createTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
        </el-form-item>
      </el-col>
      <el-col :span="11" style="margin-left:20px;">
        <el-form-item label="更新时间" prop="updateTime">
          <el-date-picker v-model="form.updateTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <el-form-item label="资源介绍" prop="memo">
          <el-input type="textarea" v-model="form.memo" :rows="2"></el-input>
        </el-form-item>
      </el-col>
    </el-row>
  </el-form>
</template>

<script setup>
import { ElMessage, ElMessageBox } from 'element-plus'
import api from '@/api'
import { defineEmits } from 'vue'
const emit = defineEmits({})
const props = defineProps({
    formList: {
        type: Object,
        default() {
            return {}
        },
    },
})
const router = useRouter()
const { proxy } = getCurrentInstance()
onMounted(() => {})
const data = reactive({
    form: {},
    rules: {
        address: [{ required: true, message: '地址不能为空', trigger: 'blur' }],
    },
})
const { form, rules } = toRefs(data)
</script>

<style lang="less" scoped>
</style>
